.pointer_i {

    cursor: pointer;

    color: #ccc;

}



.pointer_i:hover {

    color: #666;

}



.transition {

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



body {

    max-width: 2560px;

    margin: 0 auto;

}



img[data-src] {

    width: auto;

    height: auto;

}



/* header */

header {

    max-width: 2560px;

    width: 100%;

    margin: 0 auto;

    background: rgba(0, 0, 0, .8);

    color: #fff;

    position: fixed;

    top: 0;

    z-index: 99;

}



header>div>.container {

    padding-top: .6rem;

    overflow: visible;

}



.logo {

    height: 60px;

    width: auto;

}



.header_mb {

    display: none;

    background: #fff;

    color: #666;

}



/* PC */

.logo_box_pc {

    line-height: 60px;

}



.logo_box_pc a {

    display: block;

}



.logo_box_pc .logo {

    height: 45px;

}



.logo_box_pc h1 {

    font-weight: bold;

    font-size: 1.6rem;

}



.header-right-top {

    margin-bottom: .6rem;

    text-align: right;

    font-size: .85rem;

}



.search_box {

    border: 1px solid #e1e1e1;

    padding: .15rem .5rem;

    border-radius: 5px;

}



.search_box input {

    color: #fff;

    font-size: .9rem;

    background: none;

    font-family: none;

}



.search_box input::-webkit-input-placeholder {

    color: #ddd;

}



.search_box input:-moz-placeholder {

    color: #ddd;

}



.search_box input::-moz-placeholder {

    color: #ddd;

}



.search_box input:-ms-input-placeholder {

    color: #ddd;

}



.search_box .pointer_i:hover {

    color: #fff;

}



.language {

    margin-right: 1rem;

    border: 1px solid #eee;

    padding: .3rem .15rem;

    border-radius: .5rem;

}



.lang {

    padding: 0 .5rem;

}



.lang:first-child {

    border-right: 1px solid #e6e6e6;

    color: #1a78af;

    font-weight: bold;

}



.lang:last-child {

    color: #c9c9c9;

    cursor: pointer;

}



.lang:last-child:hover {

    color: #1a78af;

}



.nav_name:not(:first-child) {

    margin-left: 2rem;

}



.en_header .nav_name:not(:first-child) {

    margin-left: 1rem;

}



.nav_name.choose>a {

    color: #327dbd;

}



.nav_name>a {

    padding: 0 .2rem;

    font-weight: bold;

}



.nav_name>a::after {

    display: block;

    content: "";

    width: 0;

    position: relative;

    bottom: -1rem;

    height: 2px;

    background: #327dbd;

}



.nav_name:hover>a {

    color: #327dbd;

}



.nav_name:hover>a::after {

    width: 100%;

    -webkit-transition: .35s;

    -moz-transition: .35s;

    -ms-transition: .35s;

    -o-transition: .35s;

    transition: .35s;

}



.nav_name.choose>a::after {

    width: 100%;

}



.nav_down {

    position: relative;

}



.nav_down_show {

    position: absolute;

    z-index: 99;

    left: -1.5rem;

    top: 100%;

    white-space: nowrap;

    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

    background: #fff;

    padding: 2rem 1rem;

    display: none;

}



.nav_down_show img {

    width: 15rem;

    height: 11rem;

}



.nav_down_content .inline {

    vertical-align: top;

    margin: 0 1rem;

}



.nav_down_show .inline:last-child {

    vertical-align: top;

}



.nav_down_show .inline h6 {

    border-bottom: .5px solid #6e9bff;

    padding-bottom: .5rem;

}



.nav_down_show .inline h6 a {

    color: #0a6498;

    font-size: 1rem;

    margin: 0;

}



.nav_down_show a {

    display: block;

    margin: 1rem 0;

    font-size: .85rem;

    color: #333;

}



.nav_down_show a:last-child {

    margin-bottom: 0;

}



.nav_down_show a:hover {

    color: #0088ff;

}



/* mobile */

.header_mb_top {

    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);

}



.header_mb_i .ryicon {

    font-size: 2rem;

    line-height: 60px;

    margin: 0 .5rem;

    cursor: pointer;

}



.header_mb_i {

    color: #bbb;

}



.header_mb_i .click {

    color: #0088ff;

}



.header_mb_bt,

.header_mb_box {

    display: none;

}



.header_mb_bt {

    padding: .5rem 0;

}



.header_mb_bt .container {

    overflow: visible;

}



.mb_search_box {

    border: .5px solid #ccc;

    margin: .5rem 0;

    padding: .2rem 1rem;

    border-radius: 1rem;

}



.mb_search_box input {

    font-size: 1.2rem;

    width: calc(100% - 2rem);

}



.mb_search_box .ry-sousuo {

    font-size: 1.2rem;

    color: #1061e0;

    padding: .2rem;

}



.mb_nav_name {

    padding: .7rem 1.25rem;

    margin: 0 -1.25rem;

    border-bottom: 1px solid #dfdfdf;

    font-size: 1.2rem;

}



.mb_nav_name .ryicon {

    padding: .2rem .5rem;

}



.mb_nav_name .ry-xia {

    color: #999;

}



.mb_nav_name .ry-shang {

    color: #333;

}



.mb_nav_name_href a {

    display: block;

}



.nav_detail_mb {

    display: none;

    background: #fafafa;

    margin: 0 -1.25rem;

    padding: 0 1.25rem;

}



.nav_detail_mb h6 {

    font-size: 1.15rem;

    font-weight: normal;

    text-align: center;

    color: #666;

    padding: .3rem 0 0;

}



.nav_detail_mb a {

    display: block;

    padding: .8rem 0;

    border-bottom: .5px solid #999;

}



.nav_detail_mb a:last-child {

    border-bottom: none;

}



.mb_language {

    padding: .5rem 0;

}



.mb_language .language {

    margin-right: 0;

}



/* 正文 */

.content {

    padding: 2rem 0;

}



/* 面包屑导航 */

.breadcrumb {

    background: #f5f5f5;

    padding: .8rem;

    margin: 1rem 0;

    color: #777;

    font-size: .9rem;

}



.breadcrumb li {

    display: inline-block;

    vertical-align: middle;

}



.breadcrumb>li+li:before {

    padding: 0 .1rem;

    color: #ccc;

    content: "/\00a0";

}



.breadcrumb a {

    color: #333;

}



.breadcrumb a:hover {

    color: #0088ff;

}



/* 页面上方图片+文字 */

.top_img {

    width: 100%;

    height: 771.25px;

}



.top_txt {

    color: #fff;

    position: absolute;
    
    top: 50%;
    
    transform: translateY(-10%);

    bottom: 3.5rem;

}



.top_txt h1 {

    margin-bottom: 1rem;

    font-weight: bold;

}



/* footer */

.footer {

    background: #333;

    color: #fff;

    padding: 3rem 0 1rem;

    line-height: 1.5;

    width: 100%;

}



.footer .inline {

    vertical-align: top;

}



.footer_list {

    min-width: 5rem;

}



.footer_list:not(:last-child) {

    margin-right: 1rem;

}



.footer_list h5 {

    margin-bottom: 1rem;

    font-weight: normal;

    letter-spacing: 2px;

}



.footer_list ul {

    overflow: hidden;

}



.footer_list .inline {

    margin-right: 1rem;

}



.footer_list li {

    font-size: .875rem;

    margin: .8rem 0;

    color: #9a9a9a;

}



.footer_list .footer_list_header {

    color: #fff;

}



.footer_list li a:hover {

    color: #fff;

}



.ft_right {

    font-size: .75rem;

    color: #999;

    margin-top: 2rem;

}



.ft_right span {

    display: inline-block;

    width: 4rem;

}



.blogroll {

    margin: .25rem 0;

}



.blogroll i {

    padding: 0 .5rem;

}



.blogroll a:hover {

    color: #fff;

}



/* 返回顶部 */

.return_top {

    position: fixed;

    top: 70%;

    right: 5px;

    z-index: 99;

    background: rgba(220, 220, 220, 0.6);

    padding: .5rem;

    cursor: pointer;

    display: none;

}



.return_top .return_i {

    font-size: 1.25rem;

    font-weight: bold;

}



.return_top:hover {

    background: #ddd;

}



/* 404 */

.not_found {

    border-top: 1px solid #ebf3ff;

}



.not_found_box {

    width: 44%;

    margin: 4rem auto;

    padding: 4rem;

    border: 1px solid #aaa;

    border-radius: .25rem;

    text-align: center;

}



.not_found_box h1 {

    font-size: 4rem;

    margin-bottom: .5rem;

}



.not_found_box p {

    color: #de3f3f;

    line-height: 1.5;

}



/* 内容详情页 */

.detail_texts {

    position: relative;

    z-index: 1;

}



.detail_texts p {

    text-indent: 2rem;

    line-height: 2;

    font-size: 1rem;

}



.detail_texts h3 {

    margin: 1rem 0;

    font-weight: normal;

    letter-spacing: 1px;

    color: #1d649a;

}



.detail_texts h6 {

    margin: .75rem 0;

}



.detail_texts h5 {

    margin: 1rem 0;

}



.apply_for_trial {

    text-align: center;

}



.detail_texts .email {

    display: inline-block;

    color: #23adc3;

    padding: .75rem 3rem;

    border-radius: .25rem;

    border: 1px solid #23adc3;

}



.detail_texts .email:hover {

    background: #23adc3;

    color: #fff;

}



.detail_texts .img_p {

    text-indent: 0;

    text-align: center;

}



.detail_texts .img_p img {

    width: auto;

    max-width: 90%;

}

.detail_texts .img_data {

    text-indent: 0;

    text-align: center;

}

.detail_texts .img_data img {

    width: auto;

    max-width: 33%;

}

.detail_texts a {

    color: #144164;

}



.detail_texts a:hover {

    color: #1294df;

}



.related_box {

    padding: 1rem 0;

    /* display: none; */

}



.related_box .case_related {

    display: none;

}



.related_content {

    margin-bottom: 1rem;

    font-size: 0;

}



.related_content h4 {

    text-align: center;

    font-weight: bold;

    color: #197ab3;

    padding: .5rem 0;

}



.related_list {

    margin-top: 1rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}



.related_list li:not(:last-child) {

    margin-right: 2rem;

}



.related_img {

    overflow: hidden;

    text-align: center;

}



.related_img img {

    max-width: 15rem;

    max-height: 10rem;

    max-width: 100%;

    width: auto;

    max-height: 10rem;

}



.related_text {

    text-align: center;

    padding: 1rem;

}



.related_content:last-child {

    margin-top: 2rem;

}



.related_list a {

    display: block;

    overflow: hidden;

}



.product_related li:hover img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.case_related li {

    padding-top: 1rem;

    background: #fff;

}



.case_related li:hover img {

    transform: translateY(-.75rem);

}



.case_related li:not(:last-child) {

    margin-right: 3rem;

}



.case_related .related_text {

    background: #dbe4ff;

}



@media only screen and (min-width:1600px) {

    html {

        font-size: 18px;

    }



    .container {

        max-width: 1700px;

        padding: 0;

        margin: 0 auto;

    }

}



@media only screen and (max-width:1200px) {

    .container {

        max-width: 77.5rem;

        padding: 0 1.25rem;

    }



    .footer_list:not(:last-child),

    .footer_list .inline {

        margin-right: 0.5rem;

    }

}



@media only screen and (max-width:991px) {

    html {

        font-size: 14px;

    }



    .nav_name:not(:first-child) {

        margin-left: 1rem;

    }



    .logo_box_pc {

        margin-left: -1rem;

    }



    .logo_box_pc h3 {

        display: none;

    }



    .nav_down_show {

        padding: 1rem .5rem;

        left: -2rem;

    }



    .nav_down_content .inline {

        margin: 0 .5rem;

    }

}



@media only screen and (max-width:768px) {

    .header_mb {

        display: block;

    }



    .header_pc {

        display: none;

    }



    .related_list {

        display: block;

        font-size: 0;

    }



    .related_list li {

        display: inline-block;

        vertical-align: middle;

        width: 49%;

        margin-bottom: 1rem;

    }



    .related_content .related_list li:nth-child(2n+1) {

        margin-right: 1%;

    }



    .related_content .related_list li:nth-child(2n) {

        margin-right: 0;

        margin-left: 1%;

    }



    .footer_list:not(:last-child) {

        display: none;

    }



    .footer_list:last-child ul {

        display: inline-block;

        vertical-align: top;

        margin-right: 1rem;

    }

}